草庐IT

Bootstrap4 表单

全部标签

javascript - 使用 Bootstrap nav-tabs 从另一个选项卡跳转到特定选项卡

我正在使用Bootstrap的nav-tabs进行以下设置:HomeProfileName:Home如您所见,我的个人资料选项卡中有一个链接,它链接到第一个选项卡。单击anchor确实会更改URL栏中的URL,但不会跳转到特定选项卡。然后我注意到通常无法直接链接到选项卡,所以我从TwitterBootstrapTabs:GotoSpecificTabonPageReloadorHyperlink添加了以下代码://Javascripttoenablelinktotabvarurl=document.location.toString();if(url.match('#')){$('.n

javascript - window.location.href 在表单提交时不起作用

所以我有一个表单,onsubmit="returnreg_check(this)"其中reg_check()是header中的一个javascript函数,它应该检查表单数据,因为它的任务之一是检查用户名是否在需要php的数据库中,所以我想重定向到执行此任务的php页面。问题是:window.location.href不工作!这是函数(简化版),当然main.php只是我得到的一个随机页面:functionreg_check(myForm){alert("beforeredirect..");window.location.href="http://localhost/main.php

javascript - Bootstrap Accordion 滚动到事件面板标题的顶部

我正在寻找一个向上滚动到我的bootstrap3html/cssAccordion面板当前事件面板标题顶部的代码。我在stackoverflow上找到的最接近的解决方案是下面的js片段。此代码段运行良好,但当单击面板标题时,页面会滚动,使面板内容的最顶部与屏幕顶部齐平。有没有办法修改它,以便滚动效果导致面板“标题”(与面板内容区域的顶部相对)在屏幕顶部可见?$(function(){$('#accordion').on('shown.bs.collapse',function(e){varoffset=$('.panel.panel-default>.panel-collapse.in

javascript - 词缀在 Bootstrap 4(alpha)中不起作用

根据Bootstrap3文档,我已将以下属性添加到导航栏:...在向下滚动页面后,Bootstrap4没有向附加的导航栏添加类。谁能告诉我如何解决这个问题?Bootstrap.js和jQuery.js正在运行。 最佳答案 虽然这个词缀在版本4中从Bootstrap中删除了。但是,您可以通过这段jQuery代码实现您的目标:$(window).on('scroll',function(event){varscrollValue=$(window).scrollTop();if(scrollValue==settings.scrollT

javascript - 如何在提交时向表单添加新的隐藏输入字段

我想在满足某些条件时在请求中传递某些隐藏参数。例如,如果此条件为真,我想传递这些:functioncheckClosureLevel(){varopenLevel=document.getElementById('openLevel');varphyCompLevel=document.getElementById('phyCompLevel');varfinCompLevel=document.getElementById('finCompLevel');if(openLevel.checked){//PASSHIDDENFORMVARIABLESHEREANDSUBMITFORM}

JavaScript 到 Active Twitter Bootstrap 工具提示

我正在玩弄TwitterBootstrap的Tooltips,但自从他们离开Twipsy后我遇到了问题。页面中包含正确的JavaScript。假设我有以下内容:hoveronme我需要使用什么确切JavaScript来显示工具提示?提前致谢!凡妮莎 最佳答案 您需要为所有必须具有工具提示的元素显式运行.tooltip()。例如,这将起作用:sometext...$(document).ready(function(){$("[rel=tooltip]").tooltip();}); 关于

javascript - 使用 Jest 和 React JS TestUtils 测试表单

我有一个带有3个单选按钮的表单,如下所示(假名):而且我很难尝试测试onChange和onSubmit事件。inputs=TestUtils.scryRenderedDOMComponentsWithClass(MyComponentRendered,'myRadio');myForm=TestUtils.findRenderedDOMComponentWithClass(MyComponentRendered,'myForm');我有这样的测试:it("changesthecheckedstatewhenclicked",function(){MyComponent.change=j

javascript - 如何从服务器端在模态 Bootstrap 中进行验证?

我有一个AccountController,当在Bootstrap模式中输入不正确的用户名/密码时,我希望它返回一条消息“无效的登录尝试”。从ActionResultLogin()到模式。我的_loginPartialView:×Login@using(Ajax.BeginForm("Login","Account",newAjaxOptions{HttpMethod="POST",UpdateTargetId="loginModal"})){@Html.AntiForgeryToken()@Html.ValidationSummary(true,"",new{@class

javascript - blueimp jQuery-File-Upload - 如何提交没有附加文件的表单?

我找到了关于如何在提交文件上传表单时添加额外表单数据的解决方案。本题是在没有文件上传的情况下如何上传附加数据。我在任务管理应用程序中使用blueimpjquery-file-upload来拖放文件并将它们附加到任务。脚本已初始化并设置为在附加文件时不会自动上传。在fileuploadadd回调中,我将data.submit()附加到我的submit事件处理程序。这样就完成了我们在一个POST请求中提交任务数据和文件。在添加文件之前,我无法访问文件上传data以使用data.submit()函数。我通过在页面加载时添加一个空文件(然后删除它)来解决这个问题,这将触发绑定(bind)dat

javascript - Bootstrap 、模态对话框、shown.bs.modal 事件不会触发

我正在使用带有远程选项的模态对话框:Edit地点:此外,我正在监听shown.bs.modal事件,其中我使用event.target属性:$("body").on("shown.bs.modal",function(event){//dosomethingwithevent.target}由于某些原因,当我第一次打开对话框时没有触发此事件。而且它只是第二次被解雇。我尝试浏览引导脚本并找到这段代码(请参阅我的评论):vare=$.Event('shown.bs.modal',{relatedTarget:_relatedTarget})transition?that.$element.